<style lang="less">
  @import 'header.less';
</style>

<template>
  <div class="header-box">
    <el-menu
      mode="horizontal"
      @select="handleSelect"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#108ee9">
      <div class="epa-logo">
        <a href="https://open.alipay.com">
          <img class="epa-logo-img" src="https://zos.alipayobjects.com/rmsportal/ZBtrIlcNSvkudzvriZvZ.png">
        </a>
      </div>
      <el-submenu index="1">
        <template slot="title">商业合作</template>
        <el-menu-item index="2-1">支付服务商</el-menu-item>
        <el-menu-item index="2-2">行业解决方案</el-menu-item>
        <el-menu-item index="2-3">政策奖励</el-menu-item>
        <el-menu-item index="2-3">合作攻略</el-menu-item>
        <el-menu-item index="2-3">生态合作人</el-menu-item>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">开发接入</template>
        <el-menu-item index="2-1">小程序</el-menu-item>
        <el-menu-item index="2-2">生活号</el-menu-item>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">文档中心</template>
        <el-menu-item index="2-1">开发文档</el-menu-item>
        <el-menu-item index="2-2">API文档</el-menu-item>
        <el-menu-item index="2-3">业务文档</el-menu-item>
        <el-menu-item index="2-3">规则中心</el-menu-item>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">苏宁大学</template>
        <el-menu-item index="2-1">学习中心</el-menu-item>
        <el-menu-item index="2-2">苏宁开放日</el-menu-item>
        <el-menu-item index="2-3">开发者社区</el-menu-item>
      </el-submenu>
      <el-menu-item index="5">服务市场</el-menu-item>
      <el-menu-item index="6">
      </el-menu-item>
      <el-menu-item index="6">
        <i class="el-icon-search" style="margin-left: 12px"></i>
      </el-menu-item>
      <el-submenu index="7">
        <template slot="title">帮助中心</template>
        <el-menu-item index="2-1">服务商搜索</el-menu-item>
        <el-menu-item index="2-2">服务商搜索</el-menu-item>
        <el-menu-item index="2-3">在线咨询</el-menu-item>
        <el-menu-item index="2-3">物料模板下载</el-menu-item>
      </el-submenu>
      <el-menu-item index="8">
        登陆
      </el-menu-item>
      <el-menu-item index="9">
        管理中心
      </el-menu-item>
      <el-menu-item index="10">
        <a target="_blank" class="open-menu-item-free" rel="noopener noreferrer"
           href="https://open.alipay.com:443/platform/homeRoleSelection.htm" seed="openMenuItem-linkT1"
           smartracker="on">
          免费入驻
        </a>
      </el-menu-item>
    </el-menu>
  </div>
</template>
<script>
  import YButton from '../components/button/YButton'

  export default {
    data () {
      return {
        theme1: 'dark',
        activeIndex2: '1'
      }
    },
    computed: {},
    methods: {
      handleSelect (key, keyPath) {
        console.log(key, keyPath)
      }
    },
    components: {
      YButton
    }
  }
</script>
